.creative-workshop {
  background: white;

  .body {
    padding: 25px;

    .list {
      display: flex;
      flex-wrap: wrap;

      .item {
        margin-top: 30px;
        width: 400px;

        .item-img {
          width: 100%;
          height: 300px;

          .item-img-logout {
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }

        .item-name {
          margin-top: 20px;
          font-weight: 600;
          font-size: 20px;
          color: #333;
          line-height: 28px;
        }

        .item-introduce {
          margin-top: 10px;
          font-weight: 400;
          font-size: 14px;
          color: #a5a5a5;
          line-height: 20px;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
        }
      }

      .item:nth-child(1), .item:nth-child(2) {
        margin-top: 0;
      }

      .item:nth-child(even) {
        margin-left: 50px;
      }
    }
  }
}